<?php include _include(APP_PATH.'view/htm/header.inc.htm');?>

<!--{hook index_start.htm}-->
<style type="text/css">
	.card-t {
		height: 14px;
    	border-left: 5px solid #177f2e;
	}
</style>
<div class="row grid">
	<?php foreach($forumlist_show as $_forum){ ?>
		<div class="col-12 card-div col-sm-6 col-lg-4">
			<div class="card">
				<div class="card-header">
					<div class="d-flex" style="align-items:center;">
						<div class="card-t pr-2"></div>
						<?php echo $_forum['name'];?></a>
					</div>
				</div>
				<div class="card-body">
					<div class="row">
						<?php 
						$sort = arrlist_cond_orderby($sortlist,array('fid'=>$_forum['fid']));
						foreach($sort as $_sort){
						?>
							<div class="col-3"><a href="<?php echo url('forum-'.$_forum['fid'].'-'.$_sort['sid']); ?>" class="d-inline-block text-truncate" style="max-width: 5rem;" ><?php echo $_sort['name'] ?></a></div>
						<?php } ?>
					</div>
				</div>
			</div>
		</div>
	<?php } ?>
</div>
	<div class="card">
		<div class="card-header">
			最新店铺推荐
		</div>
		<div class="card-body row">
			<?php foreach($shoplist as $sid => $shop ){ ?>
			<div class="col-4 col-sm-4 col-lg-2">
				<a href="<?php echo url("shop-$sid") ?>">
					<div class="card">
						<img class=" card-img-top" src="<?php echo $shop['logo'] ?>" width="100%" height="90"></img>
						<div class="card-body"><?php echo $shop['name'] ?></div>
					</div>
				</a>
			</div>
			<?php } ?>
		</div>
	</div>
<!--{hook index_end.htm}-->

<?php include _include(APP_PATH.'view/htm/footer.inc.htm');?>

<script>
$('li[data-active="fid-0"]').addClass('active');
</script>
<script src="/view/js/masonry.pkgd.min.js"></script>
<script type="text/javascript">
	$('.grid').masonry({
		// options
		itemSelector: '.card-div',
		columnWidth: 0
	});
</script>

<!--{hook index_js.htm}-->